<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--② 内部样式：定义<style>标签，在标签内部定义css样式。-->
    <style>
        /*对本html页面中所有span标签生效*/
        span{color: yellow;}
    </style>
    <!--③ 外部样式：定义link标签，引入外部的css文件
                href属性定义css文件路径
                rel属性定义引入的文件的类型(stylesheet表示使用css样式)-->
    <link href="../css/demo.css" rel="stylesheet">
</head>
<body>
<!--① 内联样式：在标签内部使用style属性，属性值是css属性键值对。-->
<div style="color: red">Hello CSS</div>
<span>Hello CSS</span>
<p>Hello CSS</p>
</body>
</html>